<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0;user-scalable=0;" />
<title>商铺列表</title>
<script src="<s:url value="/admin/jquery.mobile/jquery-1.9.1.min.js"/>"></script>
<script src="<s:url value="/admin/jquery.mobile/jquery.mobile-1.4.2.js"/>"></script>
<link href="<s:url value='/admin/jquery.mobile/jquery.mobile-1.4.2.min.css' />" rel="stylesheet" type="text/css"/>
</head>
<body>
	<div data-role="header" data-position="fixed" data-theme="b" role="banner" class="ui-header ui-bar-b ui-header-fixed slidedown">
	    <h1 class="ui-title" role="heading" aria-level="1">商铺列表</h1>
	    <a href="#" onclick="window.location.reload()" data-icon="back" data-iconpos="notext" class="ui-link ui-btn-right ui-btn ui-icon-back ui-btn-icon-notext ui-shadow ui-corner-all" data-role="button" role="button">Refresh</a>
	</div>
	
	<ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
		<s:iterator value="shops">
			
		    <li class="ui-li-has-thumb ui-first-child ui-last-child">
		    	<a href="<s:url action="detail" namespace="/shop" />?id=<s:property value="entityId"/>" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
			        <img src="<s:property value="getShopImage(thumbnail)" />">
				    <h2><s:property value="name"/> </h2>
				    <p><s:property value="summary"/></p>
			    </a>
		    </li>
		</s:iterator>
	</ul>
</body>
</html>